<template>
    <section class="error">
        <div class="error__inner">
            <img src="../../assets/image/404.png">
            <h2>这个页面无法访问......</h2>
            <p>请检查您输入的网址是否正确，请点击以下按钮返回主页</p>
            <button class="btn btn-primary" @click="gohome">返回主页</button>
        </div>
    </section>
</template>

<script>
export default {
  name: "NotFound",
  data() {
    return {};
  },
  methods: {
    gohome() {
      this.$router.push({
        path: "/"
      });
    }
  },
  computed: {},
  mounted() {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.error {
  background: #fff;
}
img {
  height: 60vh;
}
</style>
